<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"
      xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>新增员工回访</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="-1">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
          name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/dist/img/icon.png" type="image/x-icon">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/dist/plugins/bootstrap/css/bootstrap.min.css">
    <!--字体-->
    <link rel="stylesheet" href="/dist/css/font-awesome.min.css">
    <!--图标-->
    <link rel="stylesheet" href="/dist/css/ionicons.min.css">
    <!--插件样式-->
    <link href="/dist/plugins/ztree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/dist/plugins/webuploader-0.1.5/webuploader.css">
    <!--OA主样式-->
    <link rel="stylesheet" href="/dist/css/OA.min.css?t=f5a12a1d">
    <link rel="stylesheet" href="/dist/css/skins/OA-skins.min.css?t=16f1e6f3">
    <style>
        .model-picker-input {
            opacity: 0 !important;
            top: -9999px;
            left: -9999px;
            position: absolute;
        }

        .model-picker-span {
            position: relative;
            display: block;
            outline: 0;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            border-bottom: 1px solid #ccc;
            background-color: #fff;
            color: #ccc;
            cursor: pointer;
        }

        .model-picker-span > .placeholder {
            color: #aaa;
        }

        .model-picker-span.focus,
        .model-picker-span.open {
            border-bottom-color: #46A4FF;
        }

        .model-picker-span.open > .arrow {
            background-position: -10px -10px;
        }

        .model-picker-span > .title > span {
            color: #333;
            padding: 5px;
            border-radius: 3px;
        }

        .model-picker-span > .title > span:hover {
            background-color: #f1f8ff;
        }

        .model-picker-dropdown {
            position: absolute;
            width: 315px;
            left: -9999px;
            top: -9999px;
            outline: 0;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            z-index: 999999;
            display: none;
            min-width: 200px;
            margin-bottom: 20px;
            margin-top: 5px;
        }

        .model-select-wrap {
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
        }

        .model-select-tab {
            border-bottom: 1px solid #ccc;
            background: #f5f5f5;
            font-size: 13px;
        }

        .model-select-tab > a {
            display: inline-block;
            padding: 4px 20px;
            border-left: 1px solid #ccc;
            border-bottom: 1px solid transparent;
            color: #4D4D4D;
            text-align: center;
            outline: 0;
            text-decoration: none;
            cursor: pointer;
            font-size: 14px;
            margin-bottom: -1px;
        }

        .model-select-tab > a.active {
            background: #fff;
            border-bottom: 1px solid #fff;
            color: #46A4FF;
        }

        .model-select-tab > a:first-child {
            border-left: none;
        }

        .model-select-tab > a:last-child.active {
            border-right: 1px solid #ccc;
        }

        .model-select-content {
            width: 100%;
            min-height: 50px;
            background-color: #fff;
            padding: 5px 5px;
        }

        .model-select {
            font-size: 16px;
        }

        .model-select dl {
            line-height: 2;
            clear: both;
            padding: 3px 0;
            margin: 0;
            max-height: 200px;
            overflow-y: scroll;
        }

        .model-select dt {
            position: absolute;
            width: 2.5em;
            font-weight: 500;
            text-align: right;
            line-height: 2;
        }

        .model-select dd {
            margin-left: 0;
            line-height: 2;
        }

        .model-select.province dd {
            margin-left: 3em;
        }

        .model-select a {
            display: inline-block;
            padding: 0 10px;
            outline: 0;
            text-decoration: none;
            white-space: nowrap;
            margin-right: 2px;
            text-decoration: none;
            color: #333;
            cursor: pointer;
        }

        .model-select a:hover,
        .model-select a:focus {
            background-color: #f1f8ff;
            border-radius: 2px;
            color: #46A4FF;
        }

        .model-select a.active {
            background-color: #46A4FF;
            color: #fff;
            border-radius: 2px;
        }

        .table-detail input[type=text] {
            padding-left: 0 !important;
            text-indent: 0 !important;
        }

        td {
            color: #2a8cec;
        }

        td.td-title, td select, td .filename, td.td-module {
            color: #333;
        }

        label {
            display: inline-block;
            max-width: 100%;
            margin: 0;
            font-weight: normal;
            font-size: 14px;
            margin-right: 12px !important;
        }

        label input {
            float: left;
            margin-top: 12px !important;
            margin-right: 2px !important;
            width: 15px;
            height: 15px;
        }

        .table-detail td {
            font-size: 16px;
            line-height: 39px;
            height: 39px;
            border-right: 1px solid #cbcbcb;
            border-bottom: 1px solid #cbcbcb;
        }

        .table-detail td.td-title {
            line-height: 1.5;
            background: #Fff;
        }

        .table-detail td.td-row3 {
            height: 70px;
            line-height: 18px;
            max-height: 70px;
            overflow: hidden;
            position: relative;
        }

        .yuying {
            position: absolute;
            right: 10px;
            bottom: 10px;
            width: 20px;
            height: 20px;
            background: url("/dist/img/yuyin.png");
            background-size: cover;
            cursor: pointer;
        }

        input {
            text-align: left !important;
        }

        .table-detail td.td-value {
            width: 320px;
            text-align: left !important;
            padding-left: 6px !important;
            font-size: 16px !important;
        }

        .table-detail td.td-value select {
            margin-left: -5px !important;
            padding-left: 0px !important;
            color: #2a8cec !important;
        }

        .btn-group-xs > .btn, .btn-xs {
            padding: 1px 5px;
            font-size: 16px;
            line-height: 1.5;
            border-radius: 3px;
        }

        .table-detail textarea {
            height: 60px;
            width: 100%;
            border: none;
            outline: none;
            -webkit-appearance: none;
            resize: none;
            line-height: 20px;
            padding-top: 2px !important;
            padding-left: 0px;
        }

        .td-row3 span {
            max-height: 60px;
            line-height: 20px;
            overflow: hidden;
            /*text-overflow: ellipsis;*/
            /*display: -webkit-box;*/
            /*-webkit-box-orient: vertical;*/
            /*-webkit-line-clamp: 3;*/
            display: inline-block;
            width: 228px;
            text-align: left;
            color: #2a8cec !important;
            font-size: 12px !important;

        }

        .div-td-content-more {
            position: absolute;
            height: auto;
            z-index: 999;
            line-height: 20px;
            background-color: #d3e8fd;
            padding: 8px 6px;
            border: 1px solid #e8e8ea;
            display: none;
        }

        .div-td-content-more i {
            width: 15px;
            height: 12px;
            background: url("/dist/img/more-icon.png");
            position: absolute;
            left: 50px;
            top: -12px;
        }

        .td-module td {
            color: #333;
            font-weight: bold;
        }

        .table-detail {
            border-left: 1px solid #cbcbcb;
            border-top: 1px solid #cbcbcb;
        }

        .table-detail .td-module {
            background-color: #ebebeb;
        }

        .wyui-autocomplete-panel li a {
            font-size: 12px;
        }

        .select.user {
            color: #000;
            background-color: #9bcaef;
        }

        .user {
            height: 30px;
            line-height: 30px;
            max-height: 30px;
            float: left;
            text-align: left;
            min-width: 32px;
            padding-left: 1px;
            overflow: hidden;
            cursor: pointer;
        }

        .jiaobiao, .jiaobiaoNew {
            position: relative;
        }

        .jiaobiao i {
            display: block;
            width: 0;
            height: 0;
            border-width: 0px 0 12px 12px;
            border-style: solid;
            border-color: transparent transparent transparent #2a8cec;
            position: absolute;
            top: 0px;
            left: 0px;
        }

        .biTian {
            position: absolute;
            left: 2px;
            top: 10px;
            color: red;
        }

        .test-textarea {
            width: 400px;
            min-height: 26px;
            line-height: 20px;
            _height: 30px;
            /* max-height: 150px;*/
            margin-left: auto;
            margin-right: auto;
            padding: 3px;
            outline: 0;
            border: 1px solid #ccc;
            font-size: 12px;
            word-wrap: break-word;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-user-modify: read-write-plaintext-only;
            border-radius: 4px;
        }

        .vEdit {
            width: 100%;
            height: 100%;
            word-break: break-all;
            outline: none;
            user-select: text;
            white-space: pre-wrap;
            text-align: left;
            color: #2a8cec !important;
            font-size: 14px;
        }

        .td-row3 .vEdit span {
            color: #2a8cec !important;
            font-size: 12px;
            float: left;
        }

        .vEdit[contenteditable=true] {
            user-modify: read-write-plaintext-only;
        }

        .vEdit:empty:before {
            content: attr(placeholder);
            display: block;
            color: #ccc;
        }

        .vEdit {
            height: 100%;
            padding: 5px 0;
        }
    </style>
</head>
<body>
<iframe id="ifAttach" style="display:none"></iframe>
<div class="div-td-content-more"><i></i></div>
<section class="content" id="app" v-cloak style="padding:0px;">
    <div class="div-td-content-more"><i></i></div>
    <div id="div">
        <div>
            <div class="center">
                <table class="table-detail">
                    <tr class="td-module"><td colspan="2">基本信息</td></tr>
                    <tr>
                        <td class="td-title" style="width: 38%;">公司</td>
                        <td class="td-value" style="width:62%;">
                            <span>{{userInfo.companyName}}</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="td-title">部门</td>
                        <td class="td-value">
                            <span>{{userInfo.departName}}</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="td-title">岗位</td>
                        <td class="td-value">
                            <span>{{userInfo.roleName}}</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="td-title">负责区域</td>
                        <td class="td-value">
                            <span>{{userInfo.regionName}}</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="td-title">员工姓名</td>
                        <td class="td-value">
                            <span>{{userInfo.userName}}</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="td-title">性别</td>
                        <td class="td-value">
                            <span>{{userInfo.sex=='0'?'男':'女'}}</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="td-title">电话</td>
                        <td class="td-value">
                            <span>{{userInfo.tel}}</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="td-title">在职状态</td>
                        <td class="td-value">
                            <span v-if="userInfo.jobState=='-2'">试岗</span>
                            <span v-else-if="userInfo.jobState=='-1'">试用期</span>
                            <span v-else-if="userInfo.jobState=='0'">转正</span>
                            <span v-else-if="userInfo.jobState=='1'">离职</span>
                            <span v-else="userInfo.jobState=='2'">档案不全</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="td-title">入职时间</td>
                        <td class="td-value">
                            <span>{{userInfo.entryDate}}</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="td-title">在职天数</td>
                        <td class="td-value">
                            <span>{{userInfo.entryDays}}</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="td-title">直属领导</td>
                        <td class="td-value">
                            <span>{{userInfo.parentName}}</span>
                        </td>
                    </tr>
                    <tr class="td-module"><td colspan="2">回访内容</td></tr>
                    <!--实习-->
                    <template v-if="userInfo.jobState=='-1'">
                        <tr>
                            <td class="td-title">是否已做入职培训</td>
                            <td class="td-value">
                            <span>
                                <label>是<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.jobTrainingStatu"></label>
                                <label>否<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.jobTrainingStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr v-if="returnVisit.jobTrainingStatu=='1'">
                            <td class="td-title">培训有无问题</td>
                            <td class="td-value">
                                <input v-if="pageType!='browser'" type="text" v-model="returnVisit.jobTraining" placeholder="如有问题，请具体描述"/>
                                <span v-else>{{returnVisit.jobTraining}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title">是否已做产品培训</td>
                            <td class="td-value">
                            <span>
                                <label>是<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.productTrainingStatu"></label>
                                <label>否<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.productTrainingStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr v-if="returnVisit.productTrainingStatu=='1'">
                            <td class="td-title">产品培训有无问题</td>
                            <td class="td-value">
                                <input v-if="pageType!='browser'" type="text" v-model="returnVisit.productTraining" placeholder="如有问题，请具体描述"/>
                                <span v-else>{{returnVisit.productTraining}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title">对公司制度是否了解</td>
                            <td class="td-value">
                            <span>
                                <label>是<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.companyPolicyStatu"></label>
                                <label>否<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.companyPolicyStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr v-if="returnVisit.companyPolicyStatu=='1'">
                            <td class="td-title">有无不合理的<br>制度或建议</td>
                            <td class="td-value">
                                <input v-if="pageType!='browser'" type="text" v-model="returnVisit.companyPolicy" placeholder="如有问题，请具体描述"/>
                                <span v-else>{{returnVisit.companyPolicy}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title">对后台管理是否满意</td>
                            <td class="td-value">
                            <span>
                                <label>是<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.backstageManagementStatu"></label>
                                <label>否<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.backstageManagementStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr v-if="returnVisit.backstageManagementStatu=='0'">
                            <td class="td-title">后台管理有无问题</td>
                            <td class="td-value">
                                <input v-if="pageType!='browser'" type="text" v-model="returnVisit.backstageManagement" placeholder="如有问题，请具体描述"/>
                                <span v-else>{{returnVisit.backstageManagement}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title">有无需要公司或<br>集团支持的事项</td>
                            <td class="td-value">
                            <span>
                                <label>有<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.supportMattersStatu"></label>
                                <label>无<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.supportMattersStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr v-if="returnVisit.supportMattersStatu=='1'">
                            <td class="td-title">支持的事项</td>
                            <td class="td-value">
                                <input v-if="pageType!='browser'" type="text" v-model="returnVisit.supportMatters" placeholder="如有问题，请具体描述"/>
                                <span v-else>{{returnVisit.supportMatters}}</span>
                            </td>
                        </tr>
                    </template>
                    <!--转正-->
                    <template v-if="userInfo.jobState=='0'">
                        <tr>
                            <td class="td-title">对公司制度是否了解</td>
                            <td class="td-value">
                            <span>
                                <label>是<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.companyPolicyStatu"></label>
                                <label>否<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.companyPolicyStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr v-if="returnVisit.companyPolicyStatu=='1'">
                            <td class="td-title">有无不合理的<br>制度或建议</td>
                            <td class="td-value">
                                <input v-if="pageType!='browser'" type="text" v-model="returnVisit.companyPolicy" placeholder="如有问题，请具体描述"/>
                                <span v-else>{{returnVisit.companyPolicy}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title ">对你的直属领导<br>是否满意</td>
                            <td class="td-value">
                            <span>
                                <label>是<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.directLeadershipStatu"></label>
                                <label>否<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.directLeadershipStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr v-if="returnVisit.directLeadershipStatu=='0'">
                            <td class="td-title ">直属领导有无问题</td>
                            <td class="td-value">
                                <input v-if="pageType!='browser'" type="text" v-model="returnVisit.directLeadership" placeholder="如有问题，请具体描述"/>
                                <span v-else>{{returnVisit.directLeadership}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title">对后台管理是否满意</td>
                            <td class="td-value">
                            <span>
                                <label>是<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.backstageManagementStatu"></label>
                                <label>否<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.backstageManagementStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr v-if="returnVisit.backstageManagementStatu=='0'">
                            <td class="td-title">后台管理有无问题</td>
                            <td class="td-value">
                                <input v-if="pageType!='browser'" type="text" v-model="returnVisit.backstageManagement" placeholder="如有问题，请具体描述"/>
                                <span v-else>{{returnVisit.backstageManagement}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title">有无集团到访人员</td>
                            <td class="td-value">
                            <span>
                                <label>有<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.groupVisitStatu"></label>
                                <label>无<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.groupVisitStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title">工作问题是否解决</td>
                            <td class="td-value">
                            <span>
                                <label>是<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.workIssuesStatu"></label>
                                <label>否<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.workIssuesStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title">有无需要公司或<br>集团支持的事项</td>
                            <td class="td-value">
                            <span>
                                <label>有<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.supportMattersStatu"></label>
                                <label>无<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.supportMattersStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr v-if="returnVisit.supportMattersStatu=='1'">
                            <td class="td-title">支持的事项</td>
                            <td class="td-value">
                                <input v-if="pageType!='browser'" type="text" v-model="returnVisit.supportMatters" placeholder="如有问题，请具体描述"/>
                                <span v-else>{{returnVisit.supportMatters}}</span>
                            </td>
                        </tr>
                    </template>
                    <!--离职-->
                    <template v-if="userInfo.jobState=='1'">
                        <tr>
                            <td class="td-title">主动离职的<br>离职原因是什么</td>
                            <td class="td-value">
                                <textarea v-if="pageType!='browser'" v-model="returnVisit.reasonLeaving"></textarea>
                                <span v-else>{{returnVisit.reasonLeaving}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title">你的应发费用<br>是否已结算</td>
                            <td class="td-value">
                            <span>
                                <label>是<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.costSettlement"></label>
                                <label>否<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.costSettlement"></label>
                            </span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title">你的工作<br>是否交接完毕</td>
                            <td class="td-value">
                            <span>
                                <label>是<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.workHandoverStatu"></label>
                                <label>否<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.workHandoverStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr v-if="returnVisit.workHandoverStatu=='0'">
                            <td class="td-title ">工作交接问题</td>
                            <td class="td-value">
                                <input v-if="pageType!='browser'" type="text" v-model="returnVisit.workHandover" placeholder="如有问题，请具体描述"/>
                                <span v-else>{{returnVisit.workHandover}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title ">对你的直属领导<br>是否满意</td>
                            <td class="td-value">
                            <span>
                                <label>是<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.directLeadershipStatu"></label>
                                <label>否<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.directLeadershipStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr v-if="returnVisit.directLeadershipStatu=='0'">
                            <td class="td-title ">直属领导有无问题</td>
                            <td class="td-value">
                                <input v-if="pageType!='browser'" type="text" v-model="returnVisit.directLeadership" placeholder="如有问题，请具体描述"/>
                                <span v-else>{{returnVisit.directLeadership}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title">对后台管理是否满意</td>
                            <td class="td-value">
                            <span>
                                <label>是<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.backstageManagementStatu"></label>
                                <label>否<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.backstageManagementStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr v-if="returnVisit.backstageManagementStatu=='0'">
                            <td class="td-title">后台管理有无问题</td>
                            <td class="td-value">
                                <input v-if="pageType!='browser'" type="text" v-model="returnVisit.backstageManagement" placeholder="如有问题，请具体描述"/>
                                <span v-else>{{returnVisit.backstageManagement}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-title">有无遗留问题</td>
                            <td class="td-value">
                            <span>
                                <label>有<input style="margin-left: 10px" type="radio" value="1" v-model="returnVisit.remainingProblemStatu"></label>
                                <label>无<input style="margin-left: 10px" type="radio" value="0" v-model="returnVisit.remainingProblemStatu"></label>
                            </span>
                            </td>
                        </tr>
                        <tr v-if="returnVisit.remainingProblemStatu=='1'">
                            <td class="td-title">遗留问题</td>
                            <td class="td-value">
                                <input v-if="pageType!='browser'" type="text" v-model="returnVisit.remainingProblem" placeholder="如有问题，请具体描述"/>
                                <span v-else>{{returnVisit.remainingProblem}}</span>
                            </td>
                        </tr>
                    </template>
                    <tr>
                        <td class="td-title">处理进度</td>
                        <td class="td-value">
                            <input v-if="pageType!='browser'" type="text" v-model="returnVisit.processingProgress">
                            <span v-else>{{returnVisit.processingProgress}}</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="td-title">负责人姓名</td>
                        <td class="td-value">
                            <input v-if="pageType!='browser'" type="text" v-model="returnVisit.responsibleName">
                            <span v-else>{{returnVisit.responsibleName}}</span>
                        </td>
                    </tr>

                </table>

            </div>
        </div>

    </div>
    <div class="south no-print" style="height:50px;line-height:50px;text-align:center;">
        <input type="button" style="margin-left:20px;margin-bottom: 10px;" v-if="pageType=='add'||pageType=='update'"
               value="保存" class="btn btn-primary btn-xs" @click="save()"/>
        <!--<input type="button" style="margin-left:20px;" v-if="pageType=='edit'"-->
               <!--value="提交" class="btn btn-primary btn-xs" @click="save()"/>-->
    </div>
</section>

</body>
<!--JQ-->
<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<!--插件JS-->
<script src="https://file.ggxqce.com/web/bootstrap.min.js"></script>
<!--框架已定义 JS-->
<script src="/dist/js/app_iframe.js?t=0b5caf39"></script>
<!--oa自定义  JS-->
<script src="/dist/js/oa.js?t=0c4d95a9"></script>
<script type="text/javascript" src="/dist/plugins/My97DatePicker/WdatePicker.js"></script>
<script src="https://file.ggxqce.com/web/vue.min.js"></script>
<script type="text/javascript">
    var api = frameElement.api, W = api.opener;
    var app = new Vue({
        el: '#app',
        data: {
            pageType: $.wyui.page.urlParams.pageType,
            userId:$.wyui.page.urlParams.userId,
            parentCompanyList: [],
            userInfo:{
                userId: "",
                userName:"",
                jobState:"",
                proviceName: "",
                departName: "",
                regionName:"",
                roleName:"",
                sex:"",
                tel:"",
                entryDate:"",
                entryDays:"",
                parentName:"",
            },
            returnVisit: {
                id:'',
                userId:$.wyui.page.urlParams.userId,
                createUserId:getCurrentUser().id,
                responsibleId: '',
                responsibleName: '',
                remark: '',
                jobTraining: '',
                productTraining: '',
                returnVisitPolicy: '',
                backstageManagement: '',
                supportMattersStatu:0,
                supportMatters: '',
                directLeadership: '',
                workIssues: '',
                reasonLeaving: '',
                costSettlement: 0,
                workHandoverStatu:0,
                workHandover: '',
                remainingProblemStatu:0,
                remainingProblem: '',
                processingProgress: '',
                status: '',
                jobTrainingStatu:0,
                jobTraining:'',
                productTrainingStatu:0,
                productTraining:'',
                companyPolicyStatu:0,
                companyPolicy:'',
                backstageManagementStatu:0,
                backstageManagement:'',
                directLeadershipStatu:0,
                directLeadership:'',
                workIssuesStatu:0,
                groupVisitStatu:0,
            },

        },
        methods: {
            save: function () {
                var that = this;
                that.returnVisit.status=1;
                delete that.returnVisit.createTime;
                $.wyui.postMethod('/returnVisit/save.json' ,trimRN(that.returnVisit), function (r) {
                    console.log(r);
                    alert("保存成功");
                    parent.refresh();
                    api.close();
                });
            },
//            update: function () {
//                var that = this;
//                $.wyui.postMethod('/returnVisit/update.json', {
//                    id: that.returnVisit.id,
//                    name: that.returnVisit.name,
//                    createUserId: getCurrentUser().id,
//                    proviceName: that.returnVisit.proviceName,
//                    departName: that.returnVisit.departName,
//                    regionName:that.returnVisit.regionName,
//                    roleName:that.returnVisit.roleName,
//                    userName:that.returnVisit.userName,
//                    sex:that.returnVisit.sex,
//                    tel:that.returnVisit.tel,
//                    entryDate:that.returnVisit.entryDate,
//                    entryNum:that.returnVisit.entryNum,
//                    managerName:that.returnVisit.managerName,
//                }, function (r) {
//                    that.returnVisit = r;
//                    if (r.isOk) {
//                        alert("修改成功")
//                        parent.refresh();
//                        api.close();
//                    } else {
//                        alert("修改失败");
//                    }
//
//                });
//            }
        },
        mounted: function () {
            var that=this;
            $.wyui.postMethod('/returnVisit/getPersonalByUserId.json', {userId:that.userId}, function (r) {
                console.log(r);
                that.userInfo=r;
                if(that.pageType!="add"){
                    that.returnVisit=r;
                }
            });
        }

    })
    $(function () {
        $("#txtUserName").autoComplete({
            url: server.ip + urlConfig.system.user.getCosterTop10ByNameUser,
            render: function (users, panel) {
                console.log("users=" + users);
                if (users) {
                    for (var i = 0; i < users.length; i++) {
                        $("<li></li>").data("autoComplete",
                            users[i]).html("<a>" + users[i].name + "&nbsp;&nbsp;&nbsp;" +
                            "(" + "&nbsp;" + users[i].companyName + "-" + users[i].departName + "-" + users[i].roleName + "&nbsp;" + ") " + "</a>")
                            .appendTo(panel);
                    }
                }
            },
            selected: function (user) {
                console.log(user);
                app.returnVisit.userId = user.id;
                app.returnVisit.userName = user.name;
            },
            height: 210,
            width: 300
        });
    })


</script>

</html>